﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Celestial Home - Extracting every detail of your dream</title>
    <link rel="Stylesheet" type="text/css" href="css/master.css" />
    <link rel="Stylesheet" type="text/css" href="css/index.css" />
    
    <script type="text/javascript" src="javascripts/helpers.js"></script>
    <script type="text/javascript" src="javascripts/login.js"></script>
    <script type="text/javascript" src="javascripts/tooltip.js"></script>
    <script type="text/javascript">window.onload = checkLogin</script>
</head>
<body>

<div id="divTitle">
    <div id="divCustMenu">
        <img src="images/user.png" alt="user" /><a id="aLogin" href="login.html">Login</a> |
        <img src="images/profile.png" alt="profile" /><a id="aProfile" href="particulars.html">My Profile</a> |
        <img src="images/cart.png" alt="cart" /><a href="construct.html">My Cart</a> | 
        <img src="images/checkout.png" alt="checkout" /><a href="construct.html">Checkout</a>
    </div><!--ends divCustmenu-->
    <div id="divWelcome"></div>
</div><!--ends divTitle-->

<!-- Navigation Bar - common for all pages -->
<div id="divNavBar">
    <ul id="ulNavBar">
        <li><img src="images/home.png" alt="home"/><a href="index.html"> Home</a></li>
        <li><img src="images/briefcase.png" alt="home"/><a href="about.html"> About Us</a></li>
        <li><img src="images/chair.png" alt="home"/><a href="construct.html"> Products</a>
            <ul>
                <li><a href="construct.html">Bed Room</a>
                    <ul>
                        <li><a href="construct.html">Beds</a></li>
                        <li><a href="construct.html">Wardrobes</a></li>
                    </ul>
                </li>
                <li><a href="construct.html">Dining Room</a>
                    <ul>
                        <li><a href="construct.html">Chairs</a></li>
                        <li><a href="construct.html">Dining Tables</a></li>
                        <li><a href="construct.html">Dining Sets</a></li>
                    </ul>
                </li>
                <li><a href="construct.html">Living Room</a>
                    <ul>
                        <li><a href="construct.html">Coffee Tables</a></li>
                        <li><a href="construct.html">Sofa</a></li>
                        <li><a href="construct.html">Sofa Sets</a></li>
                        <li><a href="construct.html">TV Cabinets</a></li>
                    </ul>
                </li>
                <li><a href="construct.html">Study Room</a>
                    <ul>
                        <li><a href="construct.html">Desks</a></li>
                        <li><a href="construct.html">Book Shelves</a></li>
                    </ul>
                </li>
            </ul>
        </li> <!--ends Products menu-->
        <li><img src="images/design.png" alt="home"/><a href="construct.html"> Design</a>
            <ul>
                <li><a href="construct.html">Wardrobe</a></li>
                <li><a href="construct.html">Home Theatre</a></li>
            </ul>
        </li> <!--ends design menu-->
        <li><img src="images/earth.png" alt="home"/><a href="construct.html"> Support</a>
            <ul>
                <li ><a href="construct.html.html">Contact Us</a></li>
                <li><a href="construct.html">Track Order</a></li>
            </ul>
        </li> <!--ends support menu-->
    </ul>  <!--ends navigation menu-->
</div> <!--ends navigation division--> 

<div id="divMain">
    <div id="divAdv">
        <div class="divSecHeader">&nbsp What's New</div>
        <div class="divSecMain">
        <img src="images/Featured.png" alt="New Products" width="180" />
        The Brookstone Teak Nantucket Collection is made with the world’s finest teak, precise mortise and tenon joinery and expert craftsmanship. Beautiful and weather-resistant, teak is unlike any other wood in its ability to withstand the elements...
        <br />
        &#8226 &#8226 &#8226 &#8226 &#8226 &#8226 &#8226 &#8226 &#8226 &#8226 &#8226 &#8226 &#8226 &#8226 &#8226 &#8226
        <br />
        <img src="images/Featured2.png" alt="New Products 2" width="180" />
        This is a new modern design glass top dining table. The legs of the table covered with a wenge color leather with white seams. This Beautiful Modern Leather Dining Table comes with high quality glass and best designed leather that covers all areas...
        </div>
    </div>
    <div id="divFeatured">
        <div class="divSecHeader">&nbsp Featured Products</div>
        <div class="divSecMain">
            <table id="tblProductsGrid">
                <tr>
                    <td><img src="images/products/din00001.jpg" alt="din00001" id= "din00001" class="imgThumbnails" onmouseover="getProduct(this)" onmouseout="hideTooltip()"/></td>
                    <td><img src="images/products/din00002.jpg" alt="din00001" id= "din00002" class="imgThumbnails" onmouseover="getProduct(this)" onmouseout="hideTooltip()"/></td>
                    <td><img src="images/products/din00003.jpg" alt="din00001" id= "din00003" class="imgThumbnails" onmouseover="getProduct(this)" onmouseout="hideTooltip()"/></td>
                </tr>
                <tr>
                    <td><img src="images/products/sof00001.jpg" alt="din00001" id= "sof00001" class="imgThumbnails" onmouseover="getProduct(this)" onmouseout="hideTooltip()"/></td>
                    <td><img src="images/products/sof00002.jpg" alt="din00001" id= "sof00002" class="imgThumbnails" onmouseover="getProduct(this)" onmouseout="hideTooltip()"/></td>
                    <td><img src="images/products/sof00003.jpg" alt="din00001" id= "sof00003" class="imgThumbnails" onmouseover="getProduct(this)" onmouseout="hideTooltip()"/></td>
                </tr>
                <tr>
                    <td><img src="images/products/ent00001.jpg" alt="din00001" id= "ent00001" class="imgThumbnails" onmouseover="getProduct(this)" onmouseout="hideTooltip()"/></td>
                    <td><img src="images/products/ent00002.jpg" alt="din00001" id= "ent00002"  class="imgThumbnails" onmouseover="getProduct(this)" onmouseout="hideTooltip()"/></td>
                    <td><img src="images/products/ent00003.jpg" alt="din00001" id= "ent00003" class="imgThumbnails" onmouseover="getProduct(this)" onmouseout="hideTooltip()"/></td>
                </tr>
            </table>
            
        </div> <!-- ends sec_main -->
    </div> <!-- ends featured item -->
    
</div><!-- ends div main -->

<div id="divTooltip">
        <table id="tblProduct">
            <tbody id="tbdProuct">
                <tr>
                    <td id="tdProductName" colspan="2">Some Product Name</td>
                </tr>
                <tr>
                    <td id="tdDescription" colspan="2">Some Description</td>
                </tr>
                <tr>
                    <td class="tdLabels">Product ID:</td>
                    <td id="tdProductID">Some Product ID</td>
                </tr>
                <tr>
                    <td class="tdLabels">Price:</td>
                    <td id="tdPrice">$ 500.00</td>
                </tr>
                <tr>
                    <td class="tdLabels">Units:</td>
                    <td id="tdUnits">10</td>
                </tr>
            </tbody>
        </table>
    </div><!-- ends div tooltip-->
 
<div id="divFooter">
    <div id="divFooterLeft">&#169 Copyright 2010 Celestial Home</div>
    <div id="divFooterRight"> Site Design by <a href="#" id="aDreamArchitect"><img src="images/dream.png" alt="Dream Architect"/></a></div>
    <div id="divFooterCenter"><img src="images/visa.gif" alt=""/><img src="images/paypal.png" alt="" /></div>
</div><!--ends divFooter-->

</body>
</html>
